<div id="form">
	<div class="form-group">
		<label class="">Descripci&oacute;n</label>
		<input type="text" class="form-control" ng-model="calendario.descripcion" placeholder="Ejemplo: 2014 Calendario B"></input>
	</div>
	
	<div class="form-group">
		<label class="">Inicio - Fin</label>
		<div class="row">
			<div class="col-md-6">
				<input   type="date" class="form-control"
					ng-model="calendario.fechaInicio" placeholder="Fecha inicio" ng-change="actualizarFechasCalendario()"></input>
			</div>
			<div class="col-md-6">
				<input  type="date" class="form-control"
					ng-model="calendario.fechaFin" placeholder="Fecha fin" ng-change="actualizarFechasCalendario()"></input>
			</div>
		</div>
	</div>
	
	<div class="form-group">
		<label class="">N&uacute;mero de periodos</label>
		<input type="text" class="form-control" ng-model="calendario.numPeriodos" ng-change="actualizarPeriodos()"></input>
	</div>

	<div class="form-group" ng-repeat="c in calendario.periodos">
	<h5>Periodo {{$index+1}}</h3>
		<label class="">Inicio - Fin</label>
		<div class="row">
			<div class="col-md-6">
				<input  type="date" class="form-control" ng-change="inicioPeriodoActualizado($index,c.fechaInicio)"
					ng-model="c.fechaInicio" placeholder="Fecha inicio"></input>
			</div>
			<div class="col-md-6">
				<input  type="date" class="form-control" ng-change="finPeriodoActualizado($index,c.fechaFin)"
					ng-model="c.fechaFin" placeholder="Fecha fin"></input>
			</div>
		</div>
	</div>
		
	<div class="form-group">
	<button class="btn btn-default form-control" ng-click="guardar()">Guardar</button>
	</div>
	
</div>